<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.green {
			color: green;
		}
	</style>
	<script type="text/javascript">
		window.onload = function () {
			
			var input = document.getElementById('first')

			// 1.修改背景色
			// input.style.background = "red";

			// 2.字体大小 font-size 转变成 大写
			input.style.fontSize = "50px";

			// 3. 修改类名称
			input.className = "green"

			// 4. 修改内容
			input.value = "新的内容"

			// 5.读取 当前 输入框的 类型 type
			// alert(input.type)

			// 6. 读取标签包裹内容 innerHTML
			var div = document.getElementById('content')
			alert(div.innerHTML)
			div.innerHTML = "新的标签包裹的内容"


		}
	</script>
</head>
<body>

<div id="content">
	朱海斌：不能因短期困难而放弃了去杠杆目标
</div>

<!-- 普通文本 

	name 代表给服务器 提交的数据的 key:
-->
<input  class="inputone" id="first" type="text" name="username" value="输入框的内容">

</body>
</html>